<template>
	<view class="page">
		<view class="input-content">
			<textarea cols="30" rows="10" placeholder="请填写"></textarea>
		</view>
		<view class="add-btn">
			提交
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss"> 
 body{
	 background-color: #F2F2F2;
 }
.page{
	width: 100%;
	height: 100vh;
	background-color: #F2F2F2;
	.add-btn{
		width: 90%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		color: white;
		background-color: #1067D1;
		margin: 0 auto;
		margin-top: 100rpx;
		border-radius: 50rpx;
	}
	.input-content{
		width: 90%;
		height: 400rpx;
		background-color: pink;
		margin: 0 auto;
		margin-top: 50rpx;
		// 设置阴影
		box-shadow: 0 0 50rpx #ccc;
		border-radius: 55rpx;
		textarea{
			width: 100%;
			height: 100%;
			padding: 20rpx;
			box-sizing: border-box;
			font-size: 30rpx;
			line-height: 50rpx;
			color: #333;
			background-color: #fff;
			border-radius: 55rpx;
		}
	}
}
</style>
  